В чем разница между тегами <script> и <script async>?

Разница между тегами <script> и <script async> заключается в способе загрузки и выполнения скриптов. forfrontend.ru www.hackfrontend.com

Тег <script> используется для подключения JavaScript-файлов к HTML-документу. www.hackfrontend.com По умолчанию скрипты, подключённые таким способом, выполняются синхронно: браузер сначала загружает файл скрипта, затем выполняет его, после чего продолжает рендеринг HTML-страницы. forfrontend.ru

Тег <script async> указывает на асинхронную загрузку скрипта. forfrontend.ru Это означает, что браузер может продолжить рендеринг страницы, не дожидаясь завершения загрузки и выполнения скрипта. forfrontend.ru После того как скрипт загружен, он немедленно выполняется, даже если остальные части страницы ещё не были загружены. forfrontend.ru

Таким образом, тег <script> подходит для скриптов, которые должны быть выполнены до того, как будет отрисован контент страницы, например, для настройки функций, которые необходимы для первоначальной загрузки. forfrontend.ru Тег <script async> же рекомендуется для скриптов, которые не зависят от других частей страницы или других скриптов, например, для аналитики, виджетов, рекламы и прочего. forfrontend.ru